<template>
  <div>
    <show1 />
    <show2 />
    <router-view></router-view>
  </div>
</template>

<script>
import show1 from "./components/show1.vue";
import show2 from "./components/show2.vue";
export default {
  name: "App",
  components: { show1, show2 },
};
</script>

<style>
.el-input {
  margin-left: 14% !important;
  width: 190px !important;
}
.el-input__inner {
  height: 40px;
}
.el-dialog {
  width: 20%;
}
.el-table--fit {
  height: 400px !important;
  text-align: center !important;
}
.el-table {
  overflow: auto !important;
  text-align: center !important;
}
.el-table__body-wrapper {
  overflow: auto;
}
.el-table__header,
.el-table__body {
  width: 100% !important;
}
.el-dialog__header {
  text-align: center;
}
.el-dialog__title {
  font-size: 40px !important;
}
.el-table__header-wrapper {
  text-align: center;
}
.cell {
  text-align: center !important;
  font-size: 20px !important;
}
</style>